<template>
  <Tab v-model="act">
    <Pane name="test" label="测试">
      <div>
        testValue
      </div>
    </Pane>
    <Pane name="test1" label="测试1">
      <div>
        {{testData}}
      </div>
    </Pane>
  </Tab>
</template>

<script lang="ts">
import { ref, computed, provide, onMounted } from 'vue'
import Tab from '@/components/tabs/Index.vue'
import Pane from '@/components/tabs/TabPane.vue'

export default {
  name: 'Test',
  components: {
    Tab,
    Pane
  },
  setup () {
    const act = ref<string>('test')
    const testData = ref<string>('xiaoxian')
    onMounted(() => {
      console.log('test')
    })
    return {
      act,
      testData
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
